<%--
  Created by IntelliJ IDEA.
  User: RD
  Date: 2021/12/31
  Time: 9:30
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
    <label for="name">用户名</label>
    <input type="text" id="name" name="name" placeholder="请输入用户名">
    <span id="isNameExid"></span>
</body>
<script src="../js/jquery-3.6.0.js"></script>
<script>
    $(document).ready(function () {
        $("#name").blur(function () {
            var name = $("#name").val();
            $.ajax({
                type: "POST",  //type就是提交方式
                url: "isNameExidServlet",  //请求到后台的地址(Servlet的url)
                data: "name="+name,  //就是需要请求的验证的数据
                dataType: "text",  //后台响应给请求的数据类型
                success: function(msg){  //后台成功接收到请求后要回来执行的回调函数
                    // alert(msg)
                    if (msg === "true"){
                        $("#isNameExid").text("用户名已存在")
                    }else {
                        $("#isNameExid").text("用户名可以使用")
                    }
                },
                error: function () {
                    alert("获取请求失败")
                }
            });
        })
    })
</script>
</html>
